
<%@page import="java.util.Calendar"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix = "spring" uri = "http://www.springframework.org/tags" %>
<%@ taglib prefix='fn' uri='http://java.sun.com/jsp/jstl/functions' %>
 
<head>
	<link rel="stylesheet" type="text/css" href="<c:url value="/static/css/create-edit-event.css"/>"></link>
	
	<jsp:include page="load-google-maps.jsp"></jsp:include>
	<script type="text/javascript" src="<c:url value="/static/js/thirdparty/tiny_mce/tiny_mce.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/static/js/thirdparty/jquery.validate.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/static/js/thirdparty/jstz.min.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/static/js/tz-database.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/static/js/components/disable.js"/>"></script>
	<jsp:include page="image-uploader.jsp"></jsp:include>
	
	
	
	
		<c:url value="/image/200/200/${eventForm.picture}" var="source"></c:url>
		<script type="text/javascript">
			window.img_url = '${source}';
			window.timezoneOffset = '${timezoneOffset}';
		</script>
	
	<script type="text/javascript" src="<c:url value="/static/js/create-edit-event.js"/>"></script>
</head>
<body>
	<c:choose>
		<c:when test="${editionKey!=null}">
			<c:url value="/edit-event/${editionKey}" var="action"/>
		</c:when>
		<c:otherwise>
			<c:url value="/create-event" var="action"/>
		</c:otherwise>
	</c:choose>
	<form:form method="post" id="form" action="${action}" commandName="eventForm" enctype="multipart/form-data">
		<form:hidden path="picture"/>
		<form:input type="hidden" id="lat" 	path="place.lat"/>
		<form:input type="hidden" id="lng" 	path="place.lng"/>
			<div class="form">
	 			<div class="left-container">
		 			<div class="form_row">
					 	<div class="date">
					 		<div class="name"><spring:message code="input.label.date"/></div>
					 		<div>
					 			<input type="text" id="dayFrom_0" readonly="readonly" class="calendar-widget"/><span class="form_row"><img id="calendar_img" src="<c:url value="/static/imagenes/calendar.jpg"/>"></img></span>
					 		</div>
					 		<div><form:errors path="days[0].startDay" element="span" cssClass="error" ></form:errors></div>
					 		<form:input type="hidden" path="days[0].startDay"/>
					 	</div>
					 	<div class="hour">
					 		<div class="name"><spring:message code="input.label.hour"/></div>
					 		<div>
					 			
					 			<form:select id="hourFrom_0" path="days[0].startHour">
					 				<form:option value="0">00</form:option>
					 				<form:option value="<%= 1 * 3600000%>">01</form:option>
					 				<form:option value="<%= 2 * 3600000%>">02</form:option>
					 				<form:option value="<%= 3 * 3600000%>">03</form:option>
					 				<form:option value="<%= 4 * 3600000%>">04</form:option>
					 				<form:option value="<%= 5 * 3600000%>">05</form:option>
					 				<form:option value="<%= 6 * 3600000%>">06</form:option>
					 				<form:option value="<%= 7 * 3600000%>">07</form:option>
					 				<form:option value="<%= 8 * 3600000%>">08</form:option>
					 				<form:option value="<%= 9 * 3600000%>">09</form:option>
					 				<form:option value="<%= 10 * 3600000%>">10</form:option>
					 				<form:option value="<%= 11 * 3600000%>">11</form:option>
					 				<form:option value="<%= 12 * 3600000%>">12</form:option>
					 				<form:option value="<%= 13 * 3600000%>">13</form:option>
					 				<form:option value="<%= 14 * 3600000%>">14</form:option>
					 				<form:option value="<%= 15 * 3600000%>">15</form:option>
					 				<form:option value="<%= 16 * 3600000%>">16</form:option>
					 				<form:option value="<%= 17 * 3600000%>">17</form:option>
					 				<form:option value="<%= 18 * 3600000%>">18</form:option>
					 				<form:option value="<%= 19 * 3600000%>">19</form:option>
					 				<form:option value="<%= 20 * 3600000%>">20</form:option>
					 				<form:option value="<%= 21 * 3600000%>">21</form:option>
					 				<form:option value="<%= 22 * 3600000%>">22</form:option>
					 				<form:option value="<%= 23 * 3600000%>">23</form:option>
					 			</form:select>:
					 			<form:select id="minuteFrom_0" path="days[0].startMinute">
					 				<form:option value="<%= 0 * 60000%>">00</form:option>
					 				<form:option value="<%= 5 * 60000%>">05</form:option>
					 				<form:option value="<%= 10 * 60000%>">10</form:option>
					 				<form:option value="<%= 15 * 60000%>">15</form:option>
					 				<form:option value="<%= 20 * 60000%>">20</form:option>
					 				<form:option value="<%= 25 * 60000%>">25</form:option>
					 				<form:option value="<%= 30 * 60000%>">30</form:option>
					 				<form:option value="<%= 35 * 60000%>">35</form:option>
					 				<form:option value="<%= 40 * 60000%>">40</form:option>
					 				<form:option value="<%= 45 * 60000%>">45</form:option>
					 				<form:option value="<%= 50 * 60000%>">50</form:option>
					 				<form:option value="<%= 55 * 60000%>">55</form:option>
					 			</form:select>
					 			<a id="edit_timezone" class="label">timezone</a>
					 		</div>
					 		
					 		<div><form:errors path="days[0].startHour" element="span" cssClass="error" ></form:errors></div>
					 		<form:input type="hidden" path="days[0].startHour"/>
					 	</div>
				 	</div>
				 	<div class="form_row">
					 	<div class=" date">
					 		<div class="name"><spring:message code="input.label.end.date"/></div>
					 		<div>
					 			<input type="text" id="dayTo_0" readonly="readonly" class="calendar-widget"/><span class="form_row"><img id="calendar_img_to" src="<c:url value="/static/imagenes/calendar.jpg"/>"></img></span>
					 		</div>
					 		<div><form:errors path="days[0].endDay" element="span" cssClass="error" ></form:errors></div>
					 		<form:input type="hidden" path="days[0].endDay"/>
					 	</div>
					 	<div class=" hour">
					 		<div class="name"><spring:message code="input.label.end.hour"/></div>
					 		<div>
					 			<form:select id="hourTo_0" path="days[0].endHour">
					 				<form:option value="0">00</form:option>
					 				<form:option value="<%= 1 * 3600000%>">01</form:option>
					 				<form:option value="<%= 2 * 3600000%>">02</form:option>
					 				<form:option value="<%= 3 * 3600000%>">03</form:option>
					 				<form:option value="<%= 4 * 3600000%>">04</form:option>
					 				<form:option value="<%= 5 * 3600000%>">05</form:option>
					 				<form:option value="<%= 6 * 3600000%>">06</form:option>
					 				<form:option value="<%= 7 * 3600000%>">07</form:option>
					 				<form:option value="<%= 8 * 3600000%>">08</form:option>
					 				<form:option value="<%= 9 * 3600000%>">09</form:option>
					 				<form:option value="<%= 10 * 3600000%>">10</form:option>
					 				<form:option value="<%= 11 * 3600000%>">11</form:option>
					 				<form:option value="<%= 12 * 3600000%>">12</form:option>
					 				<form:option value="<%= 13 * 3600000%>">13</form:option>
					 				<form:option value="<%= 14 * 3600000%>">14</form:option>
					 				<form:option value="<%= 15 * 3600000%>">15</form:option>
					 				<form:option value="<%= 16 * 3600000%>">16</form:option>
					 				<form:option value="<%= 17 * 3600000%>">17</form:option>
					 				<form:option value="<%= 18 * 3600000%>">18</form:option>
					 				<form:option value="<%= 19 * 3600000%>">19</form:option>
					 				<form:option value="<%= 20 * 3600000%>">20</form:option>
					 				<form:option value="<%= 21 * 3600000%>">21</form:option>
					 				<form:option value="<%= 22 * 3600000%>">22</form:option>
					 				<form:option value="<%= 23 * 3600000%>">23</form:option>
					 			</form:select>:
					 			<form:select id="minuteTo_0" path="days[0].endMinute">
					 				<form:option value="<%= 0 * 60000%>">00</form:option>
					 				<form:option value="<%= 5 * 60000%>">05</form:option>
					 				<form:option value="<%= 10 * 60000%>">10</form:option>
					 				<form:option value="<%= 15 * 60000%>">15</form:option>
					 				<form:option value="<%= 20 * 60000%>">20</form:option>
					 				<form:option value="<%= 25 * 60000%>">25</form:option>
					 				<form:option value="<%= 30 * 60000%>">30</form:option>
					 				<form:option value="<%= 35 * 60000%>">35</form:option>
					 				<form:option value="<%= 40 * 60000%>">40</form:option>
					 				<form:option value="<%= 45 * 60000%>">45</form:option>
					 				<form:option value="<%= 50 * 60000%>">50</form:option>
					 				<form:option value="<%= 55 * 60000%>">55</form:option>
					 			</form:select>
					 		</div>
					 		<div><form:errors path="days[0].endHour" element="span" cssClass="error" ></form:errors></div>
					 		<form:input type="hidden" path="days[0].endHour"/>
					 	</div>
				 	</div>
				 	<div class="form_row">
				 		<div class="name"><spring:message code="input.label.repeat"/></div>
				 		<div>
				 			<form:select id="repeat" path="repeatOption">
				 				<form:option value="0"><spring:message code="input.option.never"/></form:option>
				 				<form:option value="1"><spring:message code="input.option.irregular"/></form:option>
				 				<form:option value="2"><spring:message code="input.option.weekly"/></form:option>
				 				<form:option value="3"><spring:message code="input.option.monthly"/></form:option>
				 			</form:select>
				 		</div>
				 		<div id="repeat_dates">
				 			<c:if test="${fn:length(eventForm.days) > 1 }">
				 				<c:set var="dates" value="${eventForm.days}"></c:set>
					 			<c:set var="timezone" value="${eventForm.timezone}"></c:set>
					 			<%@ include file="repeat-dates.jsp" %>
				 			</c:if>
				 		</div>
				 	</div>
				 	<div class="form_row" id="virtual_event_option">
			 			<span class="label"><form:radiobutton path="virtual"  value="1"/>Es un evento Virtual</span>
			 			<span class="label"><form:radiobutton path="virtual" value="0"/>Es un evento Real</span>
		 			</div>
			 	</div>
	 			<div class="rigth-container">
			 		<div class="form_row">
				 		<div class="name"><spring:message code="input.label.title"/></div>
				 		<div>
				 			<input type="text" id="title" name="title" value="${eventForm.title}" title="<spring:message code='input.example.title'/>">
				 		</div>
				 		<form:errors path="title" element="span" cssClass="error" ></form:errors>
				 	</div>
				 	
				 	<div class="form_row">
				 		<div class="name"><spring:message code="input.label.subtitle"/></div>
				 		<div>
							<input type="text" id="subtitle" name="subtitle" value="${eventForm.subtitle}" title="<spring:message code='input.example.subtitle'/>">
				 		</div>
				 		<form:errors path="subtitle" element="span" cssClass="error" ></form:errors>
				 	</div>
				 	<div class="form_row" id="flyer_container">
			 			<div id="flyer_label" class="name"><spring:message code="input.label.flyer"/></div>
			 			<div><form:errors path="flyer" element="span" cssClass="error" ></form:errors></div>
			 		</div>
				</div>
			
			<div class="event_data_container" id="virtual_event" style="display: none;">
				<div class="form_row">
			 		<div class="name"><spring:message code="input.label.event.url"/></div>
			 		<div>
						<input type="text" id="place" name="url" value="${eventForm.url}" title="<spring:message code='input.example.place'/>">
			 		</div>
			 	</div>
			</div>
			
			<div class="event_data_container real_event" id="place_container">
		 		
		 		<div class="form_row">
			 		<div class="name"><spring:message code="input.label.placename"/></div>
			 		<div>
						<input type="text" id="place" name="place.name" value="${eventForm.place.name}" title="<spring:message code='input.example.place'/>">
			 		</div>
			 		<form:errors path="place.name" element="span" cssClass="error" ></form:errors>
			 	</div>	
			 	<div class="form_row">
			 		<div class="name"><spring:message code="input.label.address"/></div>
			 		<div>
			 			<input type="text" id="address" name="place.address" value="${eventForm.place.address}" title="<spring:message code='input.example.address'/>"/>
			 		</div>
			 		<div><form:errors path="place.address" element="span" cssClass="error" ></form:errors></div>
			 	</div>
			</div>	
			<div class="event_data_container real_event">
				<div class="form_row">
					<div class="map_container">
			 			<div id="map" class="map"></div>
			 		</div>
		 		</div>
		 	</div>
		 	<div class="event_data_container" id="something_container">
			 	<div class="form_row">
					<div class="name"><spring:message code="input.label.something"/></div>
					<div>
						<textarea  id="something" name="description" title="<spring:message code='input.example.description'/>">${eventForm.description}</textarea>
					</div>
					<form:errors path="description" element="div" cssClass="error" ></form:errors>	
				 </div>
			</div>
			<div class="event_data_container">
				<div class="float-left">
			 		<div class="form_row">
				 		<div class="name"><spring:message code="input.label.organizer"/></div>
				 		<div>
				 			<input type="text" patron="\w{0,255}" id="organizer" name="organizer" value="${eventForm.organizer}" title="<spring:message code='input.example.organizer'/>">
				 		</div>
				 		<form:errors path="organizer" element="span" cssClass="error" ></form:errors>
				 	</div>	
				 	<div class="form_row">
				 		<div class="name"><spring:message code="input.label.email"/></div>
				 		<div>
				 			<input type="text" id="email" name="email" value="${eventForm.email}" title="<spring:message code='input.example.email'/>">
				 		</div>
				 		<form:errors path="email" element="span" cssClass="error" ></form:errors>
				 	</div>	
				 	<div class="form_row">
				 		<div class="name"><spring:message code="input.label.website"/></div>
				 		<div>
				 			<input type="text" id="website" name="website" value="${eventForm.website}" title="<spring:message code='input.example.website'/>">
				 		</div>
				 		<form:errors path="website" element="span" cssClass="error" ></form:errors>
				 	</div>	
				 	
				 </div>	
		 		<div class="float-right">
			 		<div class="form_row">
				 		<div class="name"><spring:message code="input.label.facebook"/></div>
				 		<div>
				 			<input type="text" id="facebook" name="facebook" value="${eventForm.facebook}" title="<spring:message code='input.example.facebook'/>">
				 		</div>
				 		<form:errors path="facebook" element="span" cssClass="error" ></form:errors>
				 	</div>	
				 	<div class="form_row">
				 		<div class="name"><spring:message code="input.label.twitter"/></div>
				 		<div>
							<input type="text" id="twitter" name="twitter" value="${eventForm.twitter}" title="<spring:message code='input.example.twitter'/>">
				 		</div>
				 		<form:errors path="twitter" element="span" cssClass="error" ></form:errors>
				 	</div>	
				 </div>	
			</div>
			<div class="event_data_container">
		 		<div class="form_row">
			 		<div class="name"><spring:message code="input.label.categoy"/></div>
			 		<div>
			 			<c:forEach items="${categories}" var="categoriesGroup" varStatus="status">
		 					<span>
						 		<c:if test="${status.index!=0}">
						 		>>
						 		</c:if>
			 					<form:select id="${status.index}" path="category" multiple="false">
			 						<form:option value="">Seleccione una</form:option>
									<c:forEach items="${categoriesGroup}" var="category">
										<form:option value="${category.id}">${category.description}</form:option>
									</c:forEach>
						 		</form:select>	
					 		</span>
				 		</c:forEach>
			 		</div>
				 <form:errors path="category" element="span" cssClass="error" ></form:errors>
			 	</div>
	 		</div>
	 		<div class="event_data_container">
	 			<div class="form_row float-left">
				 	<div class="name"><spring:message code="input.label.isfree"/></div>
			 		<div><form:errors path="free" element="span" cssClass="error" ></form:errors></div>
			 		<div id="event_payment_option_container">
			 			<span class="label"><form:radiobutton path="free" value="1"/><spring:message code="label.free"/></span>
	 					<span class="label"><form:radiobutton path="free" value="0"/><spring:message code="label.paid"/></span>
					</div>
				</div>
				<div class="form_row" id="paid_event">
				 	<div id="fee_option_container">
					 	<span class="label"><form:radiobutton value="1" path="saleSetup.feeOption"/><spring:message code="label.delegate.fee"/></span>
		 				<span class="label"><form:radiobutton value="0" path="saleSetup.feeOption"/><spring:message code="label.absorb.fee"/></span>
	 				</div>
	 				<div class="form_row">
	 					<a id="addTicket"><span class="label"><spring:message code="label.add.ticket"/></span></a>
	 					<span>|</span>
	 					<a id="salesSetup"><span class="label"><spring:message code="label.sales.setup"/></span></a>
	 				</div>
	 				<table id="table_tickets" class="table">
	 					<tr>
		 					<th><spring:message code="label.ticket.name"/></th>
		 					<th><spring:message code="label.ticket.value"/></th>
		 					<th><spring:message code="label.ticket.fee"/></th>
		 					<th><spring:message code="label.ticket.total"/></th>
		 					<th><spring:message code="label.ticket.amount"/></th>
		 					<th></th>
	 					</tr>
	 					<c:choose>
		 					
		 					<c:when test="${fn:length(eventForm.saleSetup.tickets) == 0}">
			 					<tr index="0">
			 						<td><form:input path="saleSetup.tickets[0].name" patron=".{0,50}" /></td>
			 						<td><form:input path="saleSetup.tickets[0].price" patron="\d{0,5}(?=(\.\d{0,2}))(\.\d{0,2})" default="0.00" index="0" value="0.00"/></td>
			 						<td name="tax"></td>
			 						<td name="total"></td>
			 						<td><form:input path="saleSetup.tickets[0].amount" type="numeric" patron="\d{0,5}" default="0"/></td>
			 						<td></td>
			 					</tr>
		 					</c:when>
		 					<c:otherwise>
		 					<c:forEach items="${eventForm.saleSetup.tickets}" var="ticket" varStatus="status">
			 						<tr index="${status.index}">
				 						<td><form:input path="saleSetup.tickets[${status.index}].name" patron=".{0,50}" /></td>
				 						<td><form:input path="saleSetup.tickets[${status.index}].price" patron="\d{0,5}(?=(\.\d{0,2}))(\.\d{0,2})" default="0.00" index="${status.index}"/></td>
				 						<td name="tax">${ticket.fee}</td>
				 						<td name="total">${ticket.fee + ticket.price}</td>
				 						<td><form:input path="saleSetup.tickets[${status.index}].amount" type="numeric" patron="\d{0,5}"/></td>
				 						<td></td>
				 					</tr>
		 					</c:forEach>
		 					</c:otherwise>
	 					</c:choose>
	 				</table>
				</div>
				<div class="form_row" id="free_event">
				 	<div class="name">Capacidad</div><form:input type="text" patron="\d{0,5}" path="capacity"/>
				</div>		
	 		</div>
	 	</div>
		<div class="button_container">
			<span id="prev_btn" class="button-class"><spring:message code="btn.save"/></span>
			<span id="create_btn" class="button-class"><spring:message code="btn.save.publish"/></span>
		</div>
		<div id="sales_setup_container">
			<table class="form_table">
				<tr>
					<td><form:checkbox path="saleSetup.showAvailableTickets" /><spring:message code="label.sales.show.available" /></td>
				</tr>
				<tr>
					<td><form:checkbox path="saleSetup.openSalesOnPublish" id="open_when_publish"/><spring:message code="label.sales.open.on.publish" /></td>
				</tr>
				<tr id="open_before">
					<td><spring:message code="label.sales.days.open"/></td>
					<td><form:input path="saleSetup.showAvailableTickets" id="open_sale_before" patron="\d{0,3}"/><span>&nbsp;<spring:message code="label.sales.days.before"/></span></td>
				</tr>
				<tr>
					<td><spring:message code="label.sales.tickets.per.transaction"/></td>
					<td><form:input path="saleSetup.maxTicketsPerTransaction" id="max_tickets_per_transaction" patron="\d{0,3}"/></td>
				</tr>
				<tr>
					<td><spring:message code="label.sales.currency"/></td>
					<td>
						<form:select path="saleSetup.currency.id">
							<c:forEach items="${currencies}" var="currency">
								<form:option value="${currency.id}" symbol="${currency.symbol}">${currency.symbol}(${currency.name})</form:option>
							</c:forEach>
						</form:select>
					</td>
				</tr>
			</table>
		</div>
		<div class="form_row" id="timezone_container" style="display: none;">
			<div class="name">Timezone</div>
			<form:select id="timezone" path="timezone" >
				<form:option value="" label="" />
				<form:options items="${timezones}"  />
			</form:select>
		</div>
	</form:form>
</body>

<div id="repeat_daily_box">
	<table class="form_table">
	<tr>
		<td>Dias:</td>
		<td>
			<select id="daily_repeat_frecuency">
				<option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option>
				<option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option>
				<option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option>
				<option>31</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>Terminar repeticion:</td><td><input type="text" id="daily_repeat_last_date" readonly="readonly" class="calendar-widget"/></td>
	</tr>
	</table>
</div>

<div id="repeat_weekly_box">
	<table class="form_table">
	<tr>
		<td>Repetir cada:</td>
		<td>
			<select id="weekly_repeat_frecuency">
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option>
				<option>5</option>
				<option>6</option>
				<option>7</option>
				<option>8</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>el dia:</td>
		<td>
			<input type="checkbox" value="<%= Calendar.SUNDAY%>" name="weekly_repeat_day"><spring:message code="label.calendar.day.sunday"/>
			<input type="checkbox" value="<%= Calendar.MONDAY%>" name="weekly_repeat_day"><spring:message code="label.calendar.day.monday"/>
			<input type="checkbox" value="<%= Calendar.TUESDAY%>" name="weekly_repeat_day"><spring:message code="label.calendar.day.tuesday"/>
			<input type="checkbox" value="<%= Calendar.WEDNESDAY%>" name="weekly_repeat_day"><spring:message code="label.calendar.day.wednesday"/>
			<input type="checkbox" value="<%= Calendar.THURSDAY%>" name="weekly_repeat_day"><spring:message code="label.calendar.day.thursday"/>
			<input type="checkbox" value="<%= Calendar.FRIDAY%>" name="weekly_repeat_day"><spring:message code="label.calendar.day.friday"/>
			<input type="checkbox" value="<%= Calendar.SATURDAY%>" name="weekly_repeat_day"><spring:message code="label.calendar.day.saturday"/>
		</td>
	</tr>
	<tr>
		<td>Terminar repeticion:</td><td><input type="text" readonly="readonly" class="calendar-widget" id="weekly_repeat_end_date"/></td>
	</tr>
	</table>
</div>

<div id="repeat_monthly_box">
	<table class="form_table">
	<tr>
		<td>Repetir el:</td><td>
		<select id="monthly_repeat_order"><option value="1">Primer</option><option value="2">Segundo</option><option value="3">Tercer</option><option value="4">Cuarto</option><option value="5">Quinto</option></select>
		<select id="monthly_repeat_day">
			<option value="<%= Calendar.SUNDAY%>"><spring:message code="label.calendar.day.sunday"/></option>
			<option value="<%= Calendar.MONDAY%>"><spring:message code="label.calendar.day.monday"/></option>
			<option value="<%= Calendar.TUESDAY%>"><spring:message code="label.calendar.day.tuesday"/></option>
			<option value="<%= Calendar.WEDNESDAY%>"><spring:message code="label.calendar.day.wednesday"/></option>
			<option value="<%= Calendar.THURSDAY%>"><spring:message code="label.calendar.day.thursday"/></option>
			<option value="<%= Calendar.FRIDAY%>"><spring:message code="label.calendar.day.friday"/></option>
			<option value="<%= Calendar.SATURDAY%>"><spring:message code="label.calendar.day.saturday"/></option>
		</select>
	</tr>
	<tr>
		<td>cada:</td><td><select id="monthly_repeat_frecuency"><option value="1" >1</option><option value="2" >2</option><option value="3" >3</option><option value="4" >4</option><option value="5" >5</option><option value="6" >6</option><option value="7" >7</option><option value="8" >8</option><option value="9" >9</option><option value="10" >10</option><option value="11" >11</option></select></td>
	</tr>
	<tr>
		<td>Terminar repeticion:</td><td><input type="text" id="monthly_repeat_end_date" readonly="readonly" class="calendar-widget"/></td>
	</tr>
	</table>
</div>